<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=deviece-width">
	<title>test</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>

</head>
<body>
	<div class="container">
		<h1>hello ZZES</h1>

		<div class="row">
			<div class="col-md-3" style="background-color:#dede8;box-shadow:inset 1px -1px 1px #444,inset -1px 1px 1px #444;">
				<h4>one</h4>
				<p>one one one one oneone one oneon eone</p>
			</div>

			<div class="col-md-9" style="background-color:#dede8;box-shadow:inset 1px -1px 1px #444,inset -1px 1px 1px #444;">
				<h4>two</h4>
				<div class="row">
					
					<div class="col-md-6" style="background-color:#dede8;box-shadow:inset 1px -1px 1px #444,inset -1px 1px 1px #444;">
						<p>test test test test test</p>
					</div>

					<div class="col-md-6" style="background-color:#dede8;box-shadow:inset 1px -1px 1px #444,inset -1px 1px 1px #444;">
						<p>test test test test test</p>
					</div>


				</div>

				<div class="row">
					
					<div class="col-md-6" style="background-color:#dede8;box-shadow:inset 1px -1px 1px #444,inset -1px 1px 1px #444;">
						<p>test test test test test</p>
					</div>

					<div class="col-md-6" style="background-color:#dede8;box-shadow:inset 1px -1px 1px #444,inset -1px 1px 1px #444;">
						<p>test test test test test</p>
					</div>
					

				</div>

			</div>
		</div>


	</div>
</body>
</html>